<template>
  <view class="nav-box">
    <view class="nav-item" @click="doMenu('1')">
      <view><img src="../../../static/icon_my_team.png" alt="" /> </view>
      <view>我的团队</view>
    </view>
    <view class="nav-item" @click="doMenu('1')">
      <view
        ><img src="../../../static/icon_performance_manage.png" alt="" />
      </view>
      <view>业绩管理</view>
    </view>
    <view class="nav-item" @click="doMenu('1')">
      <view
        ><img src="../../../static/icon_customer_manage.png" alt="" />
      </view>
      <view>客户管理</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      inactiveColor: "#0d93d3",
    };
  },
  methods: {
    doMenu(type) {
      switch (type) {
        case "1":
        uni.navigateTo({
          url: "/pages/mine/MyTeam",
          success: (res) => {
            res.eventChannel.emit("acceptMineData", {userId: uni.getStorageSync("userId"), back: 'product'});
          },
        });
          break;
        case "2":
          break;
        case "3":
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.nav-box {
  height: 180rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.nav-item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
</style>